<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">
<link rel="stylesheet" type="text/css" href="css/member.css">

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/zoomset.js"></script>
<script type="text/javascript" src="js/basic.js"></script>


<script>
    $(function(){

		/**** ****/

		$(".action-view-goods").click(function(){
			  $(this).parents("tr").next("tr").toggleClass("hide");
		})

		$(document).on('click',".showdetail",function(){
            if($(this).next("ul").is(':hidden')) {
                $(this).html('收起详情');
            } else {
                $(this).html('查看详情');
            }
		    $(this).next("ul").toggle();
		})



    });
</script>
</head>

<body>

<% include partial/header %>

<!--content start--->
<div id="content">
    <div class="wrap clearfix">
        <div class="Navigation">
            <span class="pos-front">您当前的位置：</span>
            <span><a href="./member.html" alt="" title="">会员中心</a></span>
            <span>&gt;</span>
            <span><a href="./member-orders.html" alt="" title="">我的订单</a></span>
            <span>&gt;</span>
            <span class="now">订单详情</span>
		</div>

        <div id="main" class="clearfix">
          <!-- 左栏 -->
          <div class="page-aside">
            <!-- 会员中心菜单 -->
            <div id="member_menu" class="member-menu member-menu2">
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">交易管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-orders.html">我的订单</a> </li>
                  <li> <a href="./member-afterlist.html">申请退换货</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">评论咨询管理</h2>
                <ul class="member-menu-list member-menu-list2">
                 <li> <a href="./member-nodiscuss_1.html">评价晒单</a> </li>
                 <li> <a href="./member-consultation.html">我的咨询</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">我的账户</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-favorite.html">商品收藏</a> </li>
                  <li> <a href="./member-notify.html">到货通知</a> </li>
                  <li> <a href="./member-coupon.html">我的优惠券</a> </li>
                  <li> <a href="./member-balance.html">我的预存款</a> </li>
                  <li> <a href="./member-deposit.html">预存款充值</a> </li>
                  <li> <a href="./member-point_detail.html">我的积分</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">个人信息管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-mes_in.html">站内信</a> </li>
                  <li> <a href="./member-setting.html">个人信息</a> </li>
                  <li> <a href="./member-securitycenter.html">安全中心</a> </li>
                  <li> <a href="./member-receiver.html">收货地址</a> </li>
                </ul>
              </div>
            </div>
          </div>

        <!-- 会员中心主内容区 -->
        <div class="page-article">


            <!-- 我的订单 -->
            <div id="member_order" class="member-order">
                        <div class="member-notice">
                            <div class="member-notice-content" style="position:relative;">
                                <button type="button" class="btn btn-import btn-big action-submit-order" data-role="toorder" style="position:absolute;top:12px;right:120px;height:26px;display:none;">
                                    <span style="line-height:26px;"><span style="line-height:26px;">去付款</span></span>
                                </button>
                                <button style="position:absolute;top:12px;right:20px;height:26px;display:none;" class="btn btn-simple" data-role="toorder">
                                    <span><span style="line-height:26px;">修改支付方式</span></span>
                                </button>

                                <div class="member-order-desc">
                                    订单号：<i class="text-warn" data-role="orderid"></i>
                                    订单金额：<i class="text-warn" data-role="ordermoney"></i>
                                    订单状态：<b data-role="orderstatus"></b>
                                </div>

                                <div class="member-order-actions">

                                </div>
                                <div class="caption" order="" data-role="orderintro" style="clear:both;">
                                    <!-- 说明：店家已经退款¥53.9(说明：金额数字)，请注意查看您的支付账户。<br>店家已经处理退货

                                    <div id="payment_guide" style="display:none;">
                                                    <h3 class="title">现金</h3>
                                                    <p>&nbsp;</p>
                                    </div> -->
                                </div>
                                <div class="steps member-order-steps">
                                    <table width="100%">
                                        <tbody>
                                            <tr data-role="step">

                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="member-order-flow">
                                  <ul>
                                    <!-- <li>
                                  <em>2016-05-28 20:48</em>订单创建成功！</li>
                                    <li>
                                  <em>2016-05-28 21:53</em>订单<a href="javascript:void(0)" title="点击查看详细" style="color: rgb(0, 51, 102); font-weight: bolder; text-decoration: underline;" class="showdetail">全部商品</a>发货完成
                                          <ul class="notice-inline" style="display: none;">
                                          <li><b>本次发货商品：</b></li>
                                          <li><em>商品名称：皇室 原味即溶麦片600g（内含20小包）</em><i>数量：1.0</i></li>
                                          <li><em>商品名称：【百草味】酱香鸭舌五香味100g</em><i>数量：1.0</i></li>
                                          </ul>
                                    </li>
                                    <li>
                                  <em>2016-05-29 22:12</em>买家已经付款，订单<span class="siteparttitle-orage">160528204866839</span>付款<span class="siteparttitle-orage">53.9</span>元</li>
                                    <li>
                                  <em>2016-06-01 09:20</em>订单<a href="javascript:void(0)" title="点击查看详细" style="color: rgb(0, 51, 102); font-weight: bolder; text-decoration: underline;" class="showdetail">全部商品</a>退货完成
                                          <ul class="notice-inline" style="display: none;">
                                          <li><b>本次发货商品：</b></li>
                                          <li><em>商品名称：皇室 原味即溶麦片600g（内含20小包）</em><i>数量：1.0</i></li>
                                          <li><em>商品名称：【百草味】酱香鸭舌五香味100g</em><i>数量：1.0</i></li>
                                          </ul>
                                  </li>
                                    <li>
                                  <em>2016-06-01 09:21</em>订单退款成功！    </li> -->
                                   </ul>
               				 </div>
                            </div>
                        </div>

                        <!-- 订单留言 -->

                        <!-- 订单信息区 -->
                        <div id="order_main" class="order-main order-container">
                            <!-- 收货信息模块 -->
                            <div id="order_shipping" class="order-section order-shipping">
                                <div class="order-section-title" style="background-color:#efefef"><b>收货信息</b></div>
                                <div class="order-section-content">
                                    <!-- 完整收货信息 -->
                                    <table class="view-shipping view1">
                                        <tbody>
                                            <tr>
                                                <th><em>*</em>收货地区：</th>
                                                <td data-addr="area"></td>
                                            </tr>
                                            <tr>
                                                <th><em>*</em>收货地址：</th>
                                                <td data-addr="shipAddr"></td>
                                            </tr>
                                            <tr>
                                                <th><em>*</em>收货人姓名：</th>
                                                <td data-addr="name"></td>
                                            </tr>
                                            <tr>
                                                <th>手机：</th>
                                                <td data-addr="tel"></td>
                                            </tr>
                                            <tr>
                                                <th>送货时间：</th>
                                                <td data-addr="time"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <!-- 配送方式模块 -->
                            <div id="order_delivery" class="order-section order-delivery">
                                <div class="order-section-title"  style="background-color:#efefef"><b>配送方式</b></div>
                                <div class="order-section-content">
                                    <table class="view-delivery view1">
                                        <tbody>
                                            <tr>
                                                <th>配送方式：</th>
                                                <td data-dev="style"></td>
                                            </tr>
                                            <tr>
                                                <th>运费：</th>
                                                <td data-dev="money">¥0.0</td>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <!-- 支付方式模块 -->
                            <div id="order_payment" class="order-section order-payment">
                                <div class="order-section-title"  style="background-color:#efefef"><b>支付方式</b></div>
                                <div class="order-section-content">
                                    <table class="view-payment view1">
                                        <tbody>
                                            <tr>
                                                <th>支付方式：</th>
                                                <td data-pay="method"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <!-- 发票 -->
                            <div id="order_payment" class="order-section order-payment" data-role="tax">
                                <div class="order-section-title"  style="background-color:#efefef"><b>发票信息</b></div>
                                <div class="order-section-content">
                                    <table class="view-tax view1">
                                        <tbody>
                                            <tr>
                                                <th>发票类型：</th>
                                                <td data-tax="style"></td>
                                            </tr>
                                            <tr>
                                                <th>发票抬头：</th>
                                                <td data-tax="taitou"></td>
                                            </tr>
                                            <tr>
                                                <th>发票内容：</th>
                                                <td data-tax="content"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>


                            <!-- 商品清单 -->
                            <table id="cart_main" class="cart-main" width="100%">
                                <caption>商品清单和结算信息</caption>
                                <colgroup>
                                    <col width="80%">
                                    <col width="20%">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>商品</th>
                                        <th>数量</th>
                                    </tr>
                                </thead>
                                                        <!-- 购物车条目 -->
                                <tbody class="cart-item" data-role="goods">
                                  </tbody>

                            </table>

                            <!-- 结算信息 -->
                            <table id="order_clearing" class="order-clearing order-clearing-info">
                                <tbody>
                                    <tr>
                                        <td class="order-infor">
                                            <!-- 订单优惠 -->
                                             <div class="order-promotion">
                                                    <h3>订单优惠：</h3>
                                                    <ul class="content" data-role="orderyouhui">

                                                    </ul>
                                              </div>
                                              <div class="order-remark"><h3>订单备注：</h3><p data-role="memo"></p></div>
                                        </td>
                                        <!-- 订单价格 -->
                                        <td id="order_price" class="order-price">
                                            <div class="inner">
                                                <ul>
                                                    <li class="goods">
                                                        <span class="label"><em>商品金额：</em></span>
                                                        <span class="price" data-result="totalmoney"></span>
                                                    </li>
                                                    <li class="">
                                                        <span class="label"><em>运费：</em></span>
                                                        <span class="price" data-result="yunfei"></span>
                                                    </li>
                                                    <li class="discount">
                                                        <span class="label"><em>优惠金额:</em></span>
                                                        <span class="price" data-result="savemoney"></span>
                                                    </li>
                                                    <li class="total">
                                                        <span class="label"><i  data-result="score"></i><em>总金额：</em></span>
                                                        <span class="price"><b  data-result="money"></b></span>
                                                    </li>
                                                 </ul>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
        </div>
        </div>
    </div>
</div>
<!--content end-->

<% include partial/footer %>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/orderDetail.js"></script>
</body>
</html>
